<template>
    <div class="main">
      {{ userinfo }}
    </div>
  </template>
 
 
 
 
 
 <script>
 import {mapState,mapActions} from "vuex"
  export default{
       computed:{
         ...mapState({userinfo:state=>state.profile.userinfo})
       },
        data(){
           return{

             msg:""
           }
 
              },
        created(){
         this.getUserinfoActions("6e293df0-db08-11eb-92e6-09ffce21b217")
        },
        methods: {
          ...mapActions('profile',['getUserinfoActions',])
        },

      components: {}
 
 
 }
 </script>
 
 
 <style scoped>
 
    .main{
      height: 100%;
      width: 100%;
        background-color:white;
        margin:10px;
        border-radius: 10px;
 
    }
 
 
 </style> 